<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/1.css" />
	</head>
	
	<body>
		  <style>
        input {
            border: 1px solid rgb(244,244,244);
            border-left: none;
        }
    </style>
        
		<div class="zhuce">
				<div class="left">
					<div class="left-up">
						<div class="mayalogo"></div>
					</div>
					<div class="left-down"></div>
				</div>
				<div class="right">
					<div class="right-top">
						<div class="zhucemiya">注册蜜芽</div>
						<div class="yiyouzhanghao">
							<ul>
								<li class="sone">已有蜜芽账号？</li>
								<li class="stwo">登陆</li>
							</ul>
						</div>
					</div>
					<div class="right-guanggao"></div>				
					<div class="zhucelist"	>
						<ul>
							<li>
								<div class="img-phone"></div>
								<input type="text" class="phone"  placeholder="  手机号码" >
							</li>
							<li>
								<input type="text" class="code"  placeholder="  输入验证码" >
								<div class="img-code"></div>
								<div class="txtsize">看不清</div>
							</li>
							<li>
								<input type="text" class="mgcode"  placeholder="  短信验证码" >
								<input type="button" class="btn" value="获取短信验证码" />
							</li>
							<li>
								<div class="img-pswd"></div>
								<input type="password" class="pswd"  placeholder="  密码" >
							</li>
							<li>
								<div class="img-ckpawd"></div>
								<input type="password" class="ckpswd"  placeholder="  确认密码" >
							</li>
							<li>
								<div class="baobao">宝宝关系：
								<input type="radio" name="identity"  checked="checked" /> 妈妈
								<input type="radio" name="identity"  /> 爸爸
								<input type="radio" name="identity" /> 其他
								</div>
							</li>
							<li >
								<div class="img-dangao"></div>
								<input type="text" class="birth"  placeholder="  宝宝生日" >
							</li>
						</ul>
					</div>	
					<div class="agree">
						<div class="kuang">
						<input type="checkbox" name="ckagree">
						</div>
						<ul>
							<li class="tongyi">我已阅读并接受</li>
							<li class="tiaokuan">《蜜芽服务条款》</li>
						</ul>
						</div>
					<div class="w">
						<!--<input type="button" class="zcbtn" value="注册" />-->
						<button class="zcbtn">注册</button>
					</div>
				</div>
			
		</div>
	</body>
</html>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script>
	$(".btn").click(function(){
		alert("短信验证码为418")
	})
	$(".txtsize").click(function(){
		alert("没有其他验证码")

	})
	$(".zcbtn").click(function(){
		alert("没有连接服务器")
	})
	$(".tiaokuan").click(function(){
		alert("蜜芽服务条款就是蜜芽服务条款")
	})
	
</script>
